const textgray = ['text-gray-100', 'text-gray-200', 'text-gray-300', 'text-gray-400']
const textgray_five = ['text-gray-500', 'text-gray-600', 'text-gray-700', 'text-gray-800', 'text-gray-900']
const bg_gray = [
    { name: '.bg-gray-100', class: 'bg-gray' },
    { name: '.bg-gray-200', class: 'bg-gray bg-gray-200' },
    { name: '.bg-gray-300', class: 'bg-gray bg-gray-300' },
    { name: '.bg-gray-400', class: 'bg-gray bg-gray-400' },
    { name: '.bg-gray-500', class: 'bg-gray bg-gray-500' },
    { name: '.bg-gray-600', class: 'bg-gray bg-gray-600' },
    { name: '.bg-gray-700', class: 'bg-gray bg-gray-700' },
    { name: '.bg-gray-800', class: 'bg-gray bg-gray-800' },
    { name: '.bg-gray-900', class: 'bg-gray bg-gray-900' },]
const bg_gradient = [
    { class: 'blue', name: '.bg-gradient-primary', },
    { class: 'blue grey', name: '.bg-gradient-secondary' },
    { class: 'blue green', name: '.bg-gradient-success' },
    { class: 'blue bluegreen', name: '.bg-gradient-info' },
    { class: 'blue yellow', name: '.bg-gradient-warning' },
    { class: 'blue red', name: '.bg-gradient-danger' },
    { class: 'blue white', name: '.bg-gradient-light' },
    { class: 'blue black', name: '.bg-gradient-dark' },
]
const borderleft = [
    { name: '.border-left-primary', class: 'bluebox buleleft' },
    { name: '.border-left-secondary ', class: 'bluebox greyleft' },
    { name: '.border-left-success ', class: 'bluebox greenleft' },
    { name: '.border-left-info ', class: 'bluebox bluegreenleft' },
    { name: '.border-left-warning', class: 'bluebox yellowleft' },
    { name: '.border-left-danger', class: 'bluebox redleft' },
    { name: '.border-left-dark', class: 'bluebox darkleft' },
]
const borderbuttom = [
    { name: '.border-left-primary', class: 'bluebox bulebottom' },
    { name: '.border-left-secondary ', class: 'bluebox greybottom' },
    { name: '.border-left-success ', class: 'bluebox greenbottom' },
    { name: '.border-left-info ', class: 'bluebox bluegreenbottom' },
    { name: '.border-left-warning', class: 'bluebox yellowbottom' },
    { name: '.border-left-danger', class: 'bluebox redbottom' },
    { name: '.border-left-dark', class: 'bluebox darkbottom' },
]
export { textgray, textgray_five, bg_gray, bg_gradient, borderleft, borderbuttom }